<script type="text/javascript">
function mostrarVentana()
{
    var ventana = document.getElementById('ventanaDetalles');
    ventana.style.marginTop = '100px';
    ventana.style.left = ((document.body.clientWidth-350) / 2) +  'px';
    ventana.style.display = 'block';
}

function ocultarVentana()
{
    var ventana = document.getElementById('ventanaDetalles');
    ventana.style.display = 'none';
}


function show(){
	object=window.open("efectividadview_list", "miVentana", "directories=no, menubar =no,status=no,toolbar=no,location=no,scrollbars=no,fullscreen=no,height=300,width=600");    
	
}
</script>
<div class="table_container">
   <table>
   <tr>
 	<td>
 		<div style=" width:auto; height: 15px; text-align: center;">
 			<b><a onclick="javascript:mostrarVentana()" style="cursor:pointer">Ver Listado</a></b>
 		</div>
 	</td>
 	<td>
 	</td>
 </tr>

</table>
</div>
<div id="ventanaDetalles" style="position: fixed; overflow: scroll; width: 800px; height: 250px; top: 0; left: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: #223a4d 3px solid; background-color: #FAFAFA; color: #000000; display:none;">
<a onclick = "ocultarVentana();" style="cursor:pointer">Cerrar</a><br/><br/>
<table>
	<thead>
		<td>Referencia</td>
		<td>Etapa</td>
		<td>Horas Consumidas</td>
		<td>Horas Permitidas</td>
		<td>Diferencia(Permitido-Consumido)</td>
		<td>Valoraci&oacute;n</td>
		<td>Semana</td>
	</thead>
	<tbody>
		 <?php foreach ($detalles_efecti as $detalles):
		 		  echo '<tr>';
			 		  foreach ($detalles as $key=>$value):
	                  echo '<td>';
	                   		echo '<b>'.$detalles[$key].'</b>';
	                   		
	                  echo '</td>';
	                  endforeach;
                  echo '</tr>';                  
        	   endforeach;
         ?> 
	</tbody>
</table>
</div>
